<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>gzdk</title>
  <link rel="stylesheet" href="./assets/css/index.css">
  <link rel="stylesheet" href="./liNone.css">
  <script type="text/javascript" src="./assets/js/index.js"></script>
  <link rel="stylesheet/less" href='./footer.less'>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  <style>
    /*  去除所有A标签样式*/
    /*  */
    .col-md-3 dl a {
      color: #999;
    }

    /*去除a标签下划线*/
    a {
      text-decoration: none;
    }

    /*去除未被访问的a标签的下划线*/
    a:link {
      text-decoration: none;
    }

    /*去除已经被访问过的a标签的下划线*/
    a:visited {
      text-decoration: none;
    }

    /*去除鼠标悬停时的a标签的下划线*/
    a:hover {
      text-decoration: none;
    }

    /*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
    a:active {
      text-decoration: none;
    }

    /*去除获得焦点的a标签的下划线（被鼠标点击过）*/
    a:focus {
      text-decoration: none;
    }

    /* 底部 */

    /* 底部 */

    .footer {
      background-color: #eaeaea;
    }

    .footer-container {
      width: 1200px;
      margin: 0 auto;
      padding: 0 15px;
    }

    .footerItem {
      width: 16.6666667%;
      float: left;
    }

    .footerList {
      padding: 20px;
      border-bottom: 1px solid #e4e1e1;
      border-top: 1px solid #e4e1e1;
      overflow: hidden;
      padding-left: 40px;
    }

    li {
      line-height: 18px;
    }

    h4 {
      font-size: 14px;
    }

    .helpLink {
      text-align: center;
    }

    .helpLink {
      color: #333333;
    }

    li {
      display: inline;
    }

    .space {
      border-left: 1px solid #666;
      width: 1px;
      height: 13px;
      background: #666;
      margin: 8px 10px;
    }

    .copyright {
      padding: 20px;
    }

    p {
      margin: 10px 0;
      text-align: center;
    }



    .change {}

.change:hover .outer {
  display: block;
}

.language {
  display: flex;
  position: absolute;
  top: 35px;
  left: 22px;
  flex-direction: column;
}

.outer {
  display: none;
}

/* 三角形 */
.trangle {
  width: 0px;
  height: 0px;
  border-top: 10px solid #666666;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

  </style>
</head>

<body>
  <div class="top-container">
    <div class="container">
      <div class="top-container-left">
        <div><a></a></div>
      </div>
      <div class="top-container-right">
        <div><a href="./login.html">登录</a></div>
        <div><a href="./register.html">免费注册</a></div>
        <div><a href="./private.html">个人详情</a></div>
        <div><a href="./navigation.html">网站导航</a></div>
        <div><a href="./help.html">帮助</a></div>
        <div class="change" style="position:relative ;">
          <a href="javascript:;">切换语言<div class="trangle" style="top: 15px;
            position: absolute;
            left: 80px;"></div>
            <div class="outer" style="padding: 0px;">
              <div class="language">
                <li style="border-bottom: 1px solid;" >Chinese</li>
                <li style="border-bottom: 1px solid;" >English</li>
                <li style="border-bottom: 1px solid;" >Japanese</li>
                <li style="border-bottom: 1px solid;" >French</li>
              </div>
            </div>
          </a>


        </div>
      </div>
    </div>
  </div>
  <div class="mod-shopsigns">
    <div class="container">
      <div class="company-logo">
        <img src="./assets/img/ptlogo.png" alt="">
      </div>
      <div class="company-name">
        <p>广州东控机电设备有限公司</p>
        <span>主营：工控电器销售,PLC,工控电器售后编程调试</span>
      </div>
    </div>
  </div>
  <div class="index-nav">
    <div class="container">
      <div id="nav">
        <div onclick="showNav2()" class="home"><a href="javascript:;">Home</a></div>
        <div onclick="showNav2()" class="prodouct"><a href="javascript:;">Prodouct</a></div>
        <div onclick="showNav2()" class="aboutus"><a href="javascript:;">About Us</a></div>
        <div onclick="showNav2()" class="servies"><a href="javascript:;">Services</a></div>
        <div onclick="showNav2()" class="contact"><a href="javascript:;">Contact</a></div>
      </div>
      <div id="showNav" onclick="showNav()">Show Nav</div>
    </div>
  </div>
  <div class="box">
    <div class="container">
      <h2 style="font-weight: bold;">热门问题</h2>
      <div class="panel panel-default">
        <div class="panel-body">
          <div>
            <div class="col-md-6">
              <dl>
                <dt style="">
                  <a href="" style="
                background: url(./image/小黑点.png) 0 0 no-repeat;
                color: #333;
                  padding-left: 17px;
                  background-position: -396px -22px;
                  display: block;">产品禁售规则</a>
                </dt>
                <dd style="    color: #999;
                margin-top: 5px;
                line-height: 30px;
                padding-left: 17px;">禁止发布的产品信息：包含违反国家相关法律法规的产品及服务、不适合在网络平台发布的产品等。</dd>
                <dt style="">
                  <a href="" style="
                background: url(./image/小黑点.png) 0 0 no-repeat;
                color: #333;
                  padding-left: 17px;
                  background-position: -396px -22px;
                  display: block;">如何删除百度快照？</a>
                </dt>
                <dd style="    color: #999;
                margin-top: 5px;
                line-height: 30px;
                padding-left: 17px;">百度收录会自动对删除的页面进行更新如果情况比较紧急，可以主动反馈给百度。</dd>




                <dt style="">
                  <a href="" style="
background: url(./image/小黑点.png) 0 0 no-repeat;
color: #333;
  padding-left: 17px;
  background-position: -396px -22px;
  display: block;">如何开启QQ的在线状态？</a>
                </dt>
                <dd style="    color: #999;
margin-top: 5px;
line-height: 30px;
padding-left: 17px;">网页上面的QQ在线状态显示"未启用"，是因为该QQ号没有开通在线状态。如果想要启用QQ的在线状态，只需要登录QQ商家...</dd>
              </dl>

            </div>
            <div class="col-md-6">
              <dl>
                <dt style="">
                  <a href="" style="
                background: url(./image/小黑点.png) 0 0 no-repeat;
                color: #333;
                  padding-left: 17px;
                  background-position: -396px -22px;
                  display: block;">产品限售规则</a>
                </dt>
                <dd style="    color: #999;
                margin-top: 5px;
                line-height: 30px;
                padding-left: 17px;">国家相关法律法规针对某些特定产品有其严格的资质要求，用户发布此类产品必须上传相关的有效证明。</dd>
                <dt style="">
                  <a href="" style="
                background: url(./image/小黑点.png) 0 0 no-repeat;
                color: #333;
                  padding-left: 17px;
                  background-position: -396px -22px;
                  display: block;">如何在八方申请企业认证？</a>
                </dt>
                <dd style="    color: #999;
                margin-top: 5px;
                line-height: 30px;
                padding-left: 17px;">请上传营业执照行政许可证书（所做行业需要部门许可的）等相关资质证书</dd>




                <dt style="">
                  <a href="" style="
background: url(./image/小黑点.png) 0 0 no-repeat;
color: #333;
  padding-left: 17px;
  background-position: -396px -22px;
  display: block;">图片侵权处理规则？</a>
                </dt>
                <dd style="    color: #999;
margin-top: 5px;
line-height: 30px;
padding-left: 17px;">图片侵权，指买卖家所发布的图片(包括但不限于供应产品图片、详细描述中的图片、相册中的图片等)未经图片版权所有人许可而擅自使用...</dd>
              </dl>

            </div>
          </div>
        </div>
      </div>

    </div>
  </div>


  <div class="footer">
    <div class="footer-container">
      <div class="copyright">
        <ul class="helpLink">
          <li>
            关于我们
            <span class="space"></span>
          </li>
          <li>
            联系我们
            <span class="space"></span>
          </li>
          <li>
            帮助
            <span class="space"></span>
          </li>
          <li>
            友情链接
            <span class="space" style="
                border-left: 0px solid #666;
    width: 1px;
    height: 13px;
    background: #666;
    margin: 8px 10px;
            "></span>
          </li>
        </ul>
        <p>地址：北京市昌平区宏福科技园综合楼6层</p>
        <p>京ICP备19006430号</p>
      </div>
    </div>
  </div>
  <div class="goTop" onclick="scrollIntoViewTop('html')"></div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/less.js/4.1.3/less.min.js"></script>
<script src="./js/jquery-3.6.1.min.js"></script>
<script>
  $('.home').on('click', function (e) {
    window.location.href = "index.html"
  })
  $('.prodouct').on('click', function (e) {
    window.location.href = "product.html"
  })
  $('.aboutus').on('click', function (e) {
    window.location.href = "aboutUs.html"
  })
  $('.servies').on('click', function (e) {
    window.location.href = "news.html"
  })
  $('.contact').on('click', function (e) {
    window.location.href = "contact.html"
  })
</script>


</html>